<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="lib/swiper-3.4.2.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/new.css"/>
		<script src="lib/jquery-1.11.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="lib/baiduTemplate.js" type="text/javascript" charset="utf-8"></script>
		<script src="lib/page.js " type="text/javascript" charset="utf-8"></script>
		<script src="lib/swiper-3.4.2.min.js" type="text/javascript" charset="utf-8"></script>
		
	</head>
	<body>
		<!--最顶部-->
		<div id="title">
			<div class="title">
				<a href="javascript:">北京</a>
				<a href="javascript:">[切换城市]</a>
				<a href="javascript:">同城帮首页</a>
				<a href="javascript:" id="login">登录 |</a>
				<a href="javascript:" id="ZC">注册 |</a>
				<a href="javascript:">我的订单 |</a>
				<a href="javascript:">在线客服(9:00-21:00) |</a>
				<a href="javascript:">
					<select name="">
						<option value=""> 客户服务</option>
						<option value="">帮助中心</option>
						<option value="">维修付款</option>
					</select>
				</a>
				<a href="javascript:">论坛 |</a>
				<a href="javascript:">投诉建议</a>
			</div>
		</div>
		<!--注册页面-->
		<div id="zhuCe">
			<div class="zhuce">
				<h6><span>欢迎注册360同城帮</span><b>X</b></h6>
				<div class="bottom">
					<div class="leftZc">
						<a href="javascript:" class="tel">手机注册</a>
						<a href="javascript:" class="email">邮箱注册</a>
						<p><span>已有账号,</span><a href="javascript:">立即登录</a></p>
					</div>
					<div class="rightZc">
						<p><span>手机号:</span><input type="text" name="tel" id="tel" value="" /></p>
						<p><span>验证码:</span><input type="text" name="tel" id="yzm" value="" /><b></b><a href="javascript:">换一张</a></p>
						<p><span>校验码:</span><input type="text" name="tel" id="jym" value="" /><button>免费获取校验码</button></p>
						<p><span>密码:</span><input type="password" name="tel" id="psd" value="" /></p>
						<p><input type="button" name="" id="btn" value="马上注册" /></p>
					</div>
				</div>
			</div>
		</div>
		<!--页面-->
		<div id="warp">
			<!--导航栏-->
			<nav>
				<img src="img/7.png"/ class="img">
				<img src="img/11.png"/ class="hot">
				<ul>
					<li>二手优品</li>
					<li>手机回收</li>
					<li>手机维修</li>
					<li>电脑维修</li>
					<li>以旧换新</li>
					<li>手机租用</li>
				</ul>
			</nav>
			<!--轮播图-->
			<section class="section1">
				<div class="swiper-container">
			    	<div class="swiper-wrapper">
				        <div class="swiper-slide"><img src="img/1.jpg"/></div>
				        <div class="swiper-slide"><img src="img/2.jpg"/></div>
				        <div class="swiper-slide"><img src="img/3.png"/></div>
				        <div class="swiper-slide"><img src="img/32.png"/></div>
		    	</div>
		    <!-- 如果需要分页器 -->
			    <div class="swiper-pagination"></div>
			</div>
			<!--轮播图左面-->
			<div id="left">
				<ul class="uls">
					<li class="li"><img src="img/23.png"/><b>修手机/iPad</b><span>></span></li>
					<li><img src="img/23.png"/><b>修电脑</b><span>></span></li>
					<li><img src="img/23.png"/><b>卖手机/电脑</b><span>></span></li>
					<li><img src="img/23.png"/><b>买二手机</b><span>></span></li>
				</ul>
			</div>
			<div class="right">
				<dl>
					<dt><img src="img/8.png"/></dt>
					<dd><a href="javascript:">在线咨询</a></dd>
					<dd>9:00-21:00</dd>
					<dd><img src="img/10.jpg"/></dd>
					<dd>同城帮服务</dd>
					<dd>(bangtc)</dd>
				</dl>
			</div>
			<!--二级菜单-->
			<!--修手机/iPad-->
			<div class="p1">
				<ul></ul>
			</div>
			<!--修电脑-->
			<div class="p2">
				<p class="pp">
					<span>热门问题：</span>
				</p>
				<p class="pps">
						<span>其他问题:</span>
				</p>
			</div>
			<!--卖手机-->
			<div class="p3">
				
			</div>
			<!--买二手机-->
			<div class="p4">
				
			</div>
			</section>
			<!--轮播图下图文区-->
			<section class="section2">
				<img src="img/30.png"/>
				<img src="img/35.jpg"/>
				<img src="img/36.png"/>
				<img src="img/31.jpg"/>
			</section>
			<!--热门手机回收-->
			<section class="section3">
				<h2>热门手机回收 <a href="javascript:">查看更多></a></h2>
				<div id="cont">
					<img class="img" src="img/24.jpg"/>
					
				</div>
			</section>
			<!--优品精选-->
			<section class="section4">
				<h2>优品精选 <a href="javascript:">查看更多></a></h2>
				<div id="conts">
					<img class="img" src="img/24.jpg"/>
					
				</div>
			</section>
			<h3>到店维修</h3>
			<!--店铺排序-->
			<section class="section5">
				<div class="navs">
					<select name="">
						<option value="">北京</option>
					</select>
					<select name="">
						<option value="">选择区县</option>
					</select>
					<input type="text" name="" id="ipt" value=""  placeholder="输入您的位置，查找附近的商家"/>
					<button id="btn">搜索</button>
				</div>
				<div class="tab">
					<a href="javascript">默认排序</a>
					<a href="javascript">按成交量</a>
					<a href="javascript">按人气</a>
					<input type="checkbox" name="" id="" value="" />先行赔付
					<button>地图模式</button>
				</div>
				<div class="shop">
					<ul id="shops">
						
					</ul>
				</div>
				<div class="hpb">
					<h2>商家好评榜</h2>
					<!--<ul>
						<li>
							<span>1</span>
							<img src="img/001.jpg"/>
							<div><a href="javascript:"></a></div>
						</li>
					</ul>-->
				</div>
			</section>
		</div>
		<footer>
			<div id="foot">
				<dl>
					<dt>购物指南</dt>
					<dd>购物流程</dd>
					<dd>购物文档</dd>
				</dl>
				<dl>
					<dt>支付方式</dt>
					<dd>在线支付,当面付款</dd>
				</dl>
				<dl>
					<dt>售后服务</dt>
					<dd>投诉建议</dd>
					<dd>售后说明</dd>
				</dl>
				<dl>
					<dt>商家合作</dt>
					<dd><a href="javascript:">加盟同城帮</a></dd>
					<dd>新闻采访/跨界合作</dd>
				</dl>
			</div>	
			<p>客服电话：4000-399-360 / 010-53767360 投诉建议 网站地图</p>
			<p>Copyright © 2005-2017  360.CN  All Rights Reserved  360安全中心</p>
			<p>京ICP备08010314号-19    京公网安备110000000006号</p>
		</footer>
		<script>        
			  var mySwiper = new Swiper ('.swiper-container', {
			    direction: 'horizontal',
			    loop: true,
			    // 如果需要分页器
			    pagination: '.swiper-pagination',
				autoplay:2000,
				paginationClickable :true,
			  })        
		</script>
	</body>
	<script src="js/new.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/html" id="tem">
		<%for(var i = 0 ; i < data.length ; i++){%>
			<li>
							<img src=<%=data[i].shop_ico%> />
							<dl>
								<dt><a href="javascript:"><%=data[i].shop_name%></a> <span>店铺等级</span><b>先行赔付</b></dt>
								<dd>主营:<%=data[i].main%><span>同城帮认证</span></dd>
								<dd>地址:<%=data[i].addr_detail%><span>人气:<%=data[i].shop_visit%>次浏览</span></dd>
							</dl>
							<a href="index2.html" class="inShop">进入店铺</a>
						</li>
		<%}%>
	</script>
	<script type="text/javascript">
		
	</script>
</html>